- 综合排序
- 最热优先
- 最新优先
- 来自专栏random
如何选择正确的Node框架：Next, Nuxt, Nest?
简介 在上一篇文章中，我探讨了三种最流行的Node框架:Express、Koa和Hapi的区别、优点和缺点。在这篇文章中，我们将研究另外三种非常流行的框架之间的区别:Next、Nuxt和Nest。 HTTP服务器实现，如Express 支持Babel和Webpack自定义 能够部署在任何能运行node的平台 内置页面搜索引擎优化（SEO）处理 缺点 Next不是后端服务，应该与后台操作独立开 则是高于其他俩个 社区活跃度 贡献者数量：678 Pull Requests: 3,029 社区相当活跃 Nuxt Nuxt是一个基于Vue的通用应用框架，预设了利用Vue开发服务端渲染的应用所需要的各种配置 create-nuxt-app // 确保安装了npx（npx在NPM版本5.2.0默认安装了） npx create-nuxt-app <项目名> 它会让你进行一些选择:在集成的服务器端框架如 社区活跃 贡献者数量：191 Pull Requests：1,385 Nest Nest是一个渐进式Node框架,深受Angular的启发。用于构建高效，可扩展的Node.服务器端应用程序的框架。
6.4K20发布于 2019-09-10 - 来自专栏快乐阿超
nuxt
Nuxt.js：构建现代 Web 应用的强大框架 Nuxt.js 是一个基于 Vue.js 的开源框架，旨在简化开发现代 Web 应用的工作流程。 静态站点生成 (SSG) 通过 Nuxt.js 的 nuxt generate 功能，你可以轻松生成静态 HTML 文件，从而创建完全静态化的网站。 性能优化：从代码拆分到懒加载，Nuxt.js 提供了许多开箱即用的性能优化功能。 强大的社区支持：Nuxt.js 拥有庞大的社区和活跃的贡献者，数百个模块和插件可供选择。 多功能性：无论是构建服务端渲染应用、静态站点，还是单页应用，Nuxt.js 都能胜任。 如何开始使用 Nuxt.js？ 以下是快速上手 Nuxt.js 的步骤： 1. 初始化项目 通过命令行创建一个新项目： 123 npx nuxi init my-nuxt-appcd my-nuxt-appnpm install 2.
1K10编辑于 2025-04-16 - 来自专栏写代码和思考
NUXT简介
3、对业务开发人员来说，曲线变长 Nuxt.js 是一个基于 Vue.js 的通用应用框架。适用于服务端渲染SSR的场景。 二、开始使用 使用脚手架直接启动 $ npx create-nuxt-app <项目名> 应用现在运行在 http://localhost:3000 上运行。 static 静态文件目录 用于存放应用的静态文件，此类文件不会被 Nuxt.js 调用 Webpack 进行构建编译处理。服务器启动的时候，该目录下的文件会映射至应用的根路径 / 下。 Nuxt.js 框架集成了 Vuex 状态树 的相关功能配置，在 store 目录下创建一个 index.js 文件可激活这些配置。 nuxt.config.js 文件 个性化配置 用于组织 Nuxt.js 应用的个性化配置，以便覆盖默认配置。
66310编辑于 2024-03-06 - 来自专栏前端从进阶到入院
Nuxt 3 来了！
在开发中，它使用 rollup 和 Node.js workers 来为服务端代码和上下文隔离服务。 这份输出是很轻量的： 代码是压缩的，并且移除了所有 Node.js 模块。 你可以在任何支持 JavaScript 的系统下部署这份产物，Node.js、Severless、Workers、边缘渲染（Edge Side Rendering）或纯静态部署。 流畅的升级到 Nuxt3 我们致力于在让用户更加轻松的从 Nuxt2 升级到 Nuxt3。 在 Nuxt2 中启用 Nitro 在 Nuxt2 中使用 Composition API（和 Nuxt3 一样） 在 Nuxt2 中使用新的 CLI 和 Devtools 渐进式升级到 Nuxt3 兼容
2.5K20编辑于 2022-03-10 - 来自专栏全栈程序员必看
nuxt「建议收藏」
Nuxt.js 是一个基于 Vue.js 的通用应用框架。 通过对客户端/服务端基础架构的抽象组织，Nuxt.js 主要关注的是应用的 UI渲染。 团队创建了脚手架工具 create-nuxt-app。 nuxt.config.js 文件用于组织Nuxt.js 应用的个性化配置，以便覆盖默认配置。 路由 Nuxt.js 依据 pages 目录结构自动生成 vue-router 模块的路由配置。 要在页面之间使用路由，我们建议使用<nuxt-link> 标签。 命名视图 要渲染命名视图，您可以在布局(layout) / 页面(page)中使用 <nuxt name="top"/> 或 <nuxt-child name="top"/> 组件。
4.8K10编辑于 2022-09-20 - 来自专栏无所事事者爱嘲笑
nuxt3新项目tsconfig.json报错：找不到“node”的类型定义文件
tsconfig.json 中的报错信息 报错分析 项目根目录的 tsconfig.json 文件完全引用 .nuxt 文件夹中的配置 "extends": "./.nuxt/tsconfig.json node_modules/@types 任何封闭文件夹中的包都被认为是可见的。 如果types指定，则只有列出的包将包含在全局范围内。 问题定位 此处指定了types只为node，于是进入 node_modules/@types 寻找 node 包，发现并没有。 问题清晰，缺少 @types/node 包。 pnpm i @types/node -D 安装后重启ide即可。
5.1K30编辑于 2023-03-12 - 来自专栏各类技术文章~
Nuxt 3 来了！
在开发中，它使用 rollup 和 Node.js workers 来为服务端代码和上下文隔离服务。 这份输出是很轻量的： 代码是压缩的，并且移除了所有 Node.js 模块。 你可以在任何支持 JavaScript 的系统下部署这份产物，Node.js、Severless、Workers、边缘渲染（Edge Side Rendering）或纯静态部署。 流畅的升级到 Nuxt3 我们致力于在让用户更加轻松的从 Nuxt2 升级到 Nuxt3。 在 Nuxt2 中启用 Nitro 在 Nuxt2 中使用 Composition API（和 Nuxt3 一样） 在 Nuxt2 中使用新的 CLI 和 Devtools 渐进式升级到 Nuxt3 兼容
2.2K10发布于 2021-09-27 - 来自专栏前端开发随笔
Nuxt引用cookie-universal-nuxt在服务端请求cookie
官方文档 npm install cookie-universal-nuxt -s 在nuxt.config.js添加 modules: [ 'cookie-universal-nuxt', ['cookie-universal-nuxt', { alias: 'cookiz' }], ], 设置cookie this.
2.6K40发布于 2021-04-20 - </template> <script> export default { props: [来自专栏前端开发随笔
Nuxt配置错误页面
404 - 页面不存在
服务器错误
<button> <nuxt-link to="/">HOME</nuxt-link> </button>1.7K10发布于 2021-01-20
Nuxt 过渡效果配置
如果需要炫酷的页面过渡效果可以进行配置和定制官网提供了transitions进行页面切换过度效果配置页面级过渡 （vue3项目页面必须有唯一的根节点才会有过渡效果）nuxt.config.ts 进行配置 opacity: 0; /* filter: blur(1rem); */ transform: translateX(50px);}</style>布局过渡同理 如果做布局过渡，切换布局效果 配置nuxt.config.ts
Nuxt 踩坑记
最近开始学习 Nuxt 框架，写此博文记录学习中遇到的坑。 Nuxt 默认路由与自定义 API 路由 Nuxt 是一个服务端渲染框架，与普通的前后端分离不同（需要同时开两个端口进行开发），而 Nuxt 只需要开一个服务端的端口。默认是 3000。 /routes/index')(app) 3 4 // Give nuxt middleware to express 5 app.use(nuxt.render) COPY 内置的axios 与 asyncData 使用 axios 获取数据并挂载 Nuxt 中内置了 axios，并挂载在 Vue 实例中的 $axios 上，通过在 nuxt.config.js 添加配置可以增加前缀，代理等。 在 Nuxt 中，要实现这样的效果，只需要引入 <nuxt-child />，在 Nuxt 中路由自动生成，文件夹即父路由，文件夹里的即子路由，在外层文件夹中加入一个与路由同名的 Vue 文件即可。
谷粒学院整合NUXT
首页静态效果整合和NUXT路由 一、服务端渲染技术NUXT 1、什么是服务端渲染 服务端渲染又称SSR (Server Side Render)是在服务端完成页面的内容，而不是在客户端通过AJAX获取数据 2、什么是NUXT Nuxt.js 是一个基于 Vue.js 的轻量级应用框架,可用来创建服务端渲染 (SSR) 应用,也可充当静态站点引擎生成静态站点应用,具有优雅的代码结构分层和热加载等特性。 官网网站： https://zh.nuxtjs.org/ image.png 二、NUXT环境初始化 1、下载压缩包 https://github.com/nuxt-community/starter-template （6）nuxt.config.js 文件 nuxt.config.js 文件用于组织Nuxt.js 应用的个性化配置，以便覆盖默认配置。 -- 内容的区域 --> <nuxt/> <!
Nuxt3 实战 (四)：安装 Nuxt UI 和配置 Typescript 类型检查
前言 对于 UI 组件库的选择，我考虑过：Ant Design Vue、Element-Plus，但感觉这两款组件库太偏向业务风格了，现在项目的搭建最好能偏年轻化一点，最后还是选择了：Nuxt UI，主要是 Nuxt UI 是 Nuxt 官方推荐的，而且完美兼容 Nuxt，并且是用 TypeScript 编写的，并为所有组件和可组合函数提供类型。 安装 Nuxt UI 1、执行安装命令 pnpm add @nuxt/ui 2、 添加到 nuxt.config 模块中 export default defineNuxtConfig({ modules : ['@nuxt/ui'] }) 3、 需要注意的是，这里 Nuxt UI 会自动安装以下这些模块： @nuxtjs/tailwindcss @nuxtjs/color-mode nuxt-icons 4、 现在，我们可以在 Nuxt 应用中使用所有组件和可组合函数✨，我们在 app.vue 中加入代码： <template> <div class="w-screen h-screen flex
Nuxt基本安装与使用
Nuxt 是基于 nodejs + vue 写的，服务器端渲染 框架（SSR） 安装 安装node.js 设置node使用淘宝镜像 npm install -g nrm nrm use taobao 使用 npm 安装 vue-cli npm install -g vue-cli 安装nuxt项目 vue init nuxt-community/starter-template 项目名称 JS部分 export default { } </script> <style> 组件的CSS部分 </style> 布局文件 如果项目中存在 layouts/default.vue文件，那么Nuxt class="container">
页面不存在
应用发生错误异常
<nuxt-link to="/">首 页</nuxt-link>Nuxt基本安装与使用
Nuxt 是基于 nodejs + vue 写的，服务器端渲染 框架（SSR） 安装 安装node.js 设置node使用淘宝镜像 npm install -g nrm nrm use taobao 使用 npm 安装 vue-cli npm install -g vue-cli 安装nuxt项目 vue init nuxt-community/starter-template 项目名称 JS部分 export default { } </script> <style> 组件的CSS部分 </style> 布局文件 如果项目中存在 layouts/default.vue文件，那么Nuxt class="container">
页面不存在
应用发生错误异常
<nuxt-link to="/">首 页</nuxt-link>Nuxt.js详解(二)
Vuex 状态树 7.1 根模块数据操作 7.2 其他模块数据操作 7.3 完整vuex模板 8. nuxt流程总结 9 综合练习 9.1 练习1：学生列表 9.2 练习2： 9.2.1 表结构： 9.2.2 需求：查询 9.2.3 扩展需求：添加 6. ajax操作 6.1 整合 axios 6.1.1 默认整合 在构建项目时，如果选择axios组件，nuxt.js将自动与axios进行整合 6.1.2 $request.xxx() // 使用方式2：在nuxt的asyncData中，content.app. $requestServer.xxx() // 使用方式2：在nuxt的asyncData中，content.app. 也就是说刷新可以可以访问，使用<nuxt-link>切换不能访问。解决方案：修改mode，支持client和service。
Vue Nuxt.js 概述
更快的内容到达时间 (time-to-content)，用户能更快的看到完整渲染的画面 劣势 1.首屏加载缓慢2.SEO(搜索引擎优化)不友好 1.更多的服务器端负载2.涉及构建设置和部署的更多要求，需要用Node.js 渲染3.开发条件有限制，一些生命周期将失效4.一些常用的浏览器API无法使用 1.5 什么是Nuxt.js Nuxt.js 是一个基于 Vue.js 的通用应用框架。 通过对客户端/服务端基础架构的抽象组织，Nuxt.js 主要关注的是应用的 UI 渲染。 Nuxt.js 预设了利用 Vue.js 开发服务端渲染的应用所需要的各种配置。 2 入门案例 2.1 create-nuxt-app 介绍 Nuxt.js 提供了脚手架工具 create-nuxt-app create-nuxt-app 需要使用 npx npx 命令为 NPM 版本5.2.0默认安装组件 2.2 安装 npx create-nuxt-app 例如 npx create-nuxt-app demo_nuxt02 nuxtjs改善 2.3 启动 npm
Nuxt引用@nuxtjsproxy代理接口
npm install @nuxtjs/proxy -D nuxt.config.js进行配置 modules: [ '@nuxtjs/proxy', ], axios: {
Nuxt项目整合Element UI
1.安装element-ui 打开Nuxt项目后，在控制台输入npm i element-ui -S 即可安装element-ui npm i element-ui -S // 官方指定安装方法 2.添加element-ui.js文件 在Nuxt项目下的plugins文件夹下新建一个element-ui,在新建的element-ui文件夹下新建element-ui.js文件,只需三行 添加： import Vue from 'vue' import ElementUI from 'element-ui' Vue.use(ElementUI) 3、在nuxt.config.js中进行配置
Nuxt 4.3 版本发布了！
Nuxt 4.3 正式发布，带来路由规则布局、ISR 缓存优化等多项实用功能。下面是详细更新内容 正文 Nuxt 4.3 的公告于官网博客发布，主要针对开发者痛点进行了多项优化。 // nuxt.config.ts export default defineNuxtConfig({ routeRules: { '/admin/**': { appLayout: 'admin 升级建议：运行 npx nuxt upgrade --dedupe 以安全升级并去重依赖。 最后 Nuxt 4.3 强化了路由和缓存机制，适合大规模应用，建议开发者尽快升级 Nuxt 今天的分享就这些了，感谢大家的阅读，如果文章中存在错误的地方欢迎指正！ 往期精彩推荐 坏了，又快失业了！ Node.js 已经发布 V 25.1.0 版本了？新功能速览！ 更多精彩文章欢迎关注我的公众号
